<template>
  <div class="realTimeTransfer">
    <el-transfer
      v-model="value2"
      :data="data2">
    </el-transfer>
  </div>
</template>

<script>
  export default {
    data() {
      const generateData2 = _ => {
        const data = []
        const cities = ['上海', '北京', '广州', '深圳', '南京', '西安', '成都']
        cities.forEach((city, index) => {
          data.push({
            label: city,
            key: index
          })
        })
        return data
      }
      return {
        data2: generateData2(),
        value2: []
      }
    }
  }
</script>

<style scoped>
  /deep/ .el-transfer-panel{
    width: 740px;
    height: 433px;
  }
  /deep/ .el-transfer__button{
    width: 80px;
    height: 30px;
    border-radius: 0%;
    background-color: #0072F3;
    color: #fff;
  }
</style>
